@charset "utf-8";
html *{outline:0;}
html,body{
  font-size:14px;
  overflow: hidden;
  font-family:微软雅黑!important;
  transform: scale(1) translateZ(0);
  -webkit-transition: opacity .2s!important;
  transition: opacity .3s!important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform-style: preserve-3d;
}
/*body{ overflow: hidden;}*/
dl,dt,dd,ul,ol,li,p{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a:hover{text-decoration:underline}
ins,a{text-decoration:none}
.dsfLeft{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex:1
}
.dsf{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex:1;
}
.dsfRight{
  display: flex;
  justify-content: flex-end;
  flex:1
}
.width260{
  width:5rem!important;
}
.width6{
  width:5.6rem!important;
  margin-right: .6rem;
}
.m5{
  margin:0px 5px;
}
.pl14{
  padding-left:4rem;
}
.pl0{
  padding-left:0rem;
}
.fll{
  float: left;
}
.flr{
  float: right!important;
}
.p5{
  padding:0px 5px;
  font-size:.36rem;
}
.plr10{
  padding:0px 10px;
}
.plr20{
  padding:0px .42rem;
  line-height: 1;
}
.iconSize{
  cursor: pointer;
  font-size:.5rem;
  color:#fff;
}
.border-bottom{
  border-bottom: 1px solid #ebeef5;
}
.tac{
  text-align:center;
  text-align: -webkit-center
}
.tal{
  text-align:left;
}
.tar{
  text-align:right;
}
.width30{
  width:30%;
  float: left;
  box-sizing: border-box;
  padding: .2rem;
}
.wd30{
  width:30%;
}
.width40{
  width:40%;
  float: left;
  box-sizing: border-box;
  padding: .2rem;
}
.wd25{
  width:20%;
  height:.9rem;
}
.wd50{
  width:40%;
  height: .9rem;
}
.ptb10{
  padding:10px 0px;
}
.p9 {
  padding:.12rem .1rem;
}
.black{
  color:#555;
}
.orange{
  color:#e6a23c;
}
.orangeSize{
  color:#e6a23c;
  font-size:.28rem;
}
.blueSize{
  color:#FF4949;
  font-size:.28rem;
}
.green{
  color:#67c23a!important;
}
.red{
  color:#FF4949!important
}
.blue{
  color:#409EFF!important;
}
::-webkit-scrollbar {
  width:8px;
  height:8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(50,50,50,0.3);
}
::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: rgba(50,50,50,0.1);
}
.centerPanel{
  background-color: #EBEEF5;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding:10px;
  box-sizing: border-box;
}
.topPanel{
  padding:10px 0px;
  background-color: #E0E4EE;
  width: 100%;
}
.buttonCenter{
  text-align: right;
  float: right;
  box-sizing: border-box;
}
.iup_width200 {
  width: 200px!important;
}
.width100{
  width:100%;
}
.width30{
  width:30%!important;
}
.ofh{
  overflow: hidden
}
.ofa{
  overflow: auto
}
.accountList {
  padding: 10px 20px;
  background: #fff;
  font-size: 18px;
  color: #48576a;
  font-weight: bold !important;
  display: flex;
  align-items: center;
}
.p2{
  padding:.2rem!important;
}
.mt3{
  margin-top:.2rem;
  display: flex;
}
.num-size{
  width: .7rem;
  display: inline-block;
  line-height: .7rem;
  border-radius: 100%;
  color: #fff;
  font-size: .32rem;
}
.bg_green{
  background: #67c23a;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
}
.bgBlue{
  background: #2196F3;
}
.bgRed{
  background: #FF4949;
}
.bgGreen{
  background: #67c23a; 
}
.bgw{
  background: #fff;
}
.bg_yellow{
  background: #FFC107;
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin: 0px 1px;
}
.code{
  background: #2196F3;
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin: 0px 1px;
}
.code1{
  background: #f44336;
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.display-inline{
  display:inline-block;
  padding: .1rem .3rem;
  font-size: .3rem;
}
.el-tree {
  width: 100%;
  overflow-x: scroll;
	box-sizing: border-box;
}

.el-tree>.el-tree-node {
  display: inline-block;
  min-width: 100%;
}
.inputText{
  font-size:15px;
  width: 100%;
  padding-left:10px;
  background: #fff;
  height:40px;
  line-height: 40px;
  border-radius:8px;
  box-sizing: border-box;
  margin-bottom:25px;
  color:#3e3d3d;
  border:1px solid #ddd;
}
.text-white{
  padding-bottom:25px;
  color:#2783b5!important;
  font-weight: 700;
  font-size:28px;
  text-align:center;
}
.clear{
  text-align: -webkit-center;
  overflow: auto;
  position: relative;
}
.imgbox {
  margin-top: 10px;
  width: 100px;
  height: 100px;
  border-radius: 3px;
}
.el-upload__tip {
  margin-top: 0!important;
}
.el-image__preview {
  margin-top: 5px;
}
/* 图片预览 */
.el-image-viewer__img {
  max-width: 50%!important;
  max-height: 50%!important;
  z-index: 1;
}
.el-icon-circle-close:before {
  font-size: 16px;
}
.el-image-viewer__close {
  top: 0px!important;
  right: 0px!important;
  width: 100%!important;
  height: 100%!important;
}
/* 图片上传按钮位置 */
.upload-demo {
  text-align: left;
}
.viewer-img{
  display: flex!important;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 5px;
  box-sizing: border-box;
  height:50px;
  width:50px;
}
.el-image__preview{
  margin-top:0px!important
}
